 .bx {
     width: 1227px;
     margin: auto;
 }

 .nav {
     height: 40px;
     background: #333333;
     line-height: 40px;
 }

 .nav_bx {
     height: 100%;

 }

 .nav_bx .nav_left {
     width: 820px;
     height: 100%;
     float: left;
     font-size: 12px;
     color: #3a3f3e;

 }

 .nav .nav_left li {
     float: left;

 }

 .nav_left li a {
     display: inline-block;
     padding: 0 8px;
     color: #b0b0b0;
 }

 .nav_left li:hover a {
     color: #fff;
 }

 .nav .nav_left li:first-child a {
     padding-left: 0;
 }

 /* 右登录 */
 .nav .nav_right {
     width: 273px;
     height: 100%;
     float: right;
 }

 .nav .nav_right_login {
     width: 154px;
     height: 100%;
     float: left;
 }

 .nav .nav_right_login li a {
     display: inline-block;
     padding: 0 4px;
     color: #b0b0b0;
     font-size: 12px;
 }

 .nav .nav_right_login li span {
     color: #3a3f3e;
 }

 .nav .nav_right_login li {
     float: left;
 }

 .nav_right_login ul li a:hover {
     color: white;
 }

 /* 右购物车 */
 .nav .nav_right_shop {
     width: 119px;
     height: 100%;
     float: left;
     position: relative;
     background: #424242;
     z-index: 3;
 }

 .nav .nav_right_shop a {
     font-size: 12px;
     color: #b0b0b0;
     padding: 4px;
     margin-left: 20px;

 }

 .nav_right_shop:hover {
     background: white;
 }

 .nav .nav_right_shop:hover a {
     color: #ff6a00;

 }


 .shopping {
     width: 320px;
     height: 100px;
     background-color: white;
     position: absolute;
     top: 40px;
     right: 0;
     display: none;

 }

 .nav .nav_right_shop:hover .shopping {
     display: block;
     z-index: 2;
     box-shadow: 2px 2px 5px #c9c9c9;
 }

 /* 小米手机下拉显示大框 */

 .liList {
     width: 100%;
     height: 230px;
     background: white;
     position: absolute;
     top: 100px;
     left: 0;
     display: none;
     /* float: left; */
 }

 .liList .liList_bx {
     width: 1227px;
     height: 230px;
     margin: auto;

 }

 .logo li:hover .liList {
     display: block;
     z-index: 10;
     box-shadow: 2px 2px 5px #c9c9c9;
 }

 .logo:hover+.liList_bx {
     display: block;

 }

 .liList ul li {
     float: left;
     position: relative;
 }

 /* 竖线 */
 .liList ul .d::after {
     display: block;
     content: "";
     background: #e0e0e0;
     position: absolute;
     width: 1px;
     height: 100px;
     top: 35px;
     left: 0;
 }

 .liList h4 {
     margin-top: -60px;
     font-size: 12px;
     color: #757575;
 }

 .liList p {
     margin-top: -80px;
     font-size: 12px;
     color: #ff6a00;

 }

 .liList .l {
     width: 185px;
     height: 200px;
     background: white;
     text-align: center;

 }

 .liList img {
     margin-top: 30px;
     width: 160px;
     height: 110px;
 }

 /* logo区域 */
 .logo {
     width: 100%;
     height: 100px;
     border-bottom: 1px solid #e0e0e0;
     position: relative;
 }

 .logo .logo_bx {
     width: 1227px;
     height: 100px;
     margin: auto;

 }

 .logo .logo_bx .lg {
     width: 100px;
     height: 100px;
     float: left;

 }

 .logo .logo_lg {
     width: 56px;
     height: 100%;
     background: url(../imgs/logo-mi2.png) no-repeat center center/56px 56px;
     float: left;

 }

 .logo .logo_nav {
     width: 630px;
     height: 100px;
     float: left;
     line-height: 100px;
     margin-left: 168px;


 }

 .logo .logo_nav li {
     font-size: 16px;
     margin-left: 16px;
     float: left;
 }

 .logo .logo_nav li a {
     display: block;
     color: #333333
 }

 .logo .logo_nav li:hover a {
     color: #ff6a00;
 }

 .logo .logo_nav li a {
     padding-left: 0px;
 }


 /* 搜索框部分 */

 .logo .logo_select {
     width: 310px;
     height: 100%;
     float: right;

 }


 .logo_select .list_bx {
     width: 250px;
     height: 400px;
     float: left;
     position: relative;
     z-index: 2;

 }

 .logo .logo_select .ss {
     width: 250px;
     height: 50px;
     border: 1px solid #e0e0e0;
     color: #757575;
     float: left;

     margin-top: 27px;




 }

 .logo .logo_select .ss:hover {
     border: 1px solid #ff6a00;


 }


 .logo .logo_select .list_bx:hover .ss_list {
     display: block;

 }


 .ss_list {
     width: 250px;
     height: 250px;
     position: absolute;
     left: 0;
     top: 78px;
     display: none;
     background: #fff;

 }


 .ss_list li {
     float: none;
     width: 250px;
     height: 30px;
     line-height: 30px;

 }

 .ss_list li:hover {
     background: #fafafa;
 }

 .ss_list li a {
     list-style: none;
     font-size: 12px;
     color: #333333;
     display: block;
 }

 .ss:hover+.ss_list {
     display: block;
     border: 1px solid #ff6a00;
 }


 /* 搜索按钮 */
 .ss_btn {
     width: 54px;
     height: 51px;
     box-sizing: border-box;
     border: 1px solid #e0e0e0;
     float: left;
     text-align: center;
     margin-top: 27px;
     color: #616161;

 }

 .ss_btn span {
     font-size: 20px;
     line-height: 50px;
 }
 
/* 
 .ss_btn:hover span {
     display: block;
     color: white;
     background: #ff6a00;
 } */